<template>
  <div>
    <action-header></action-header>
    <action-list :list="list" @addClick="addClick"></action-list>
  </div>
</template>

<script type="text/ecmascript-6">
import ActionHeader from './component/header'
import ActionList from './component/list'
export default {
  name: 'ActionDetail',
  data () {
    return {
      list: ['张一', '张二', '张三', '张四', '张五', '张六', '张七', '张八', '张九', '张十', '张十一', '张十二', '张十三', '张十四', '张十五', '张十六', '张十七', '张十八', '张十九', '张二十']
    }
  },
  components: {
    ActionHeader,
    ActionList
  },
  methods: {
    addClick (inputData) {
      console.log(inputData)
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
